<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

		<title>User Center</title>
		<script type="text/javascript" src="../js/jquery1.7.2.js"></script>
		<link href="../css/usercenter.css" type="text/css" rel="stylesheet"/>
		 <script type="text/javascript">
		 $(document).ready(function(){
		 	$("#header").load("common/uc_header.html");
		 	$("#footer").load("common/uc_footer.html");
		 });
		
		 </script>
	</head>

	<body>
		<div id="header">
			
		</div>
			
		<div class="container">
			<div class="sidebar mark">
				<h4>Actvities</h4>
				<ul>
						<li><a href="uc_active.html">Participate</a></li>
						<li><a href="uc_actived.html">Participated</a></li>
						
					</ul>
			</div>
			<div class="content mark">
				<h4>Participated</h4>
				<div class="listbody">
					<ul class="listcontent">
						<li>
							<a class="img" href=""><img src="../img/active_filmed.png" /></a>
							<a class="title" href=""><h5 class="atived">The Amazing Spider-Man</h5></a>
							<p class="price">Participate: <span class="atived">90 people</span></p><p class="owner">Time: <span class="timed">15/7/2012 7:00pm~9:30pm</span></p>
							<div class="clearfloat"></div>
						</li>
						<li>
							<a class="img" href=""><img src="../img/active_filmed.png" /></a>
							<a class="title" href=""><h5 class="atived">The Amazing Spider-Man</h5></a>
							<p class="price">Participate: <span class="atived">90 people</span></p><p class="owner">Time: <span class="timed">15/7/2012 7:00pm~9:30pm</span></p>
							<div class="clearfloat"></div>
						</li>
						<li>
							<a class="img" href=""><img src="../img/active_filmed.png" /></a>
							<a class="title" href=""><h5 class="atived">The Amazing Spider-Man</h5></a>
							<p class="price">Participate: <span class="atived">90 people</span></p><p class="owner">Time: <span class="timed">15/7/2012 7:00pm~9:30pm</span></p>
							<div class="clearfloat"></div>
						</li>
						<li>
							<a class="img" href=""><img src="../img/active_filmed.png" /></a>
							<a class="title" href=""><h5 class="atived">The Amazing Spider-Man</h5></a>
							<p class="price">Participate: <span class="atived">90 people</span></p><p class="owner">Time: <span class="timed">15/7/2012 7:00pm~9:30pm</span></p>
							<div class="clearfloat"></div>
						</li>
						<li>
							<a class="img" href=""><img src="../img/active_filmed.png" /></a>
							<a class="title" href=""><h5 class="atived">The Amazing Spider-Man</h5></a>
							<p class="price">Participate: <span class="atived">90 people</span></p><p class="owner">Time: <span class="timed">15/7/2012 7:00pm~9:30pm</span></p>
							<div class="clearfloat"></div>
						</li>
						<li>
							<a class="img" href=""><img src="../img/active_filmed.png" /></a>
							<a class="title" href=""><h5 class="atived">The Amazing Spider-Man</h5></a>
							<p class="price">Participate: <span class="atived">90 people</span></p><p class="owner">Time: <span class="timed">15/7/2012 7:00pm~9:30pm</span></p>
							<div class="clearfloat"></div>
						</li>
					</ul>
					<!--
			<div class="list">
				<ul class="one"><img src="../img/markList_pic.png" width="76" height="76" /></ul>
				<ul class="two">
					<li class="tx1">Mac book </li>
					 <li class="tx2"><span class="ptt">Owner:</span>jason</li>
					 <li class="tx2 Mprice"><span class="ptt">Price:</span>$99</li>
				</ul>
				<ul class="bar clearfix"><a href="javascript:;" class="showdetail">Revised</a> | <a href="javascript:;" class="showdetail">Delete</a></ul>
			</div>
			<div class="list">
				<ul class="one"><img src="../img/markList_pic.png" width="76" height="76" /></ul>
				<ul class="two">
					<li class="tx1">Mac book </li>
					 <li class="tx2"><span class="ptt">Owner:</span>jason</li>
					 <li class="tx2 Mprice"><span class="ptt">Price:</span>$99</li>
				</ul>
				<ul class="bar clearfix"><a href="javascript:;" class="showdetail">Revised</a> | <a href="javascript:;" class="showdetail">Delete</a></ul>
			</div>
			<div class="list">
				<ul class="one"><img src="../img/markList_pic.png" width="76" height="76" /></ul>
				<ul class="two">
					<li class="tx1">Mac book </li>
					 <li class="tx2"><span class="ptt">Owner:</span>jason</li>
					 <li class="tx2 Mprice"><span class="ptt">Price:</span>$99</li>
				</ul>
				<ul class="bar clearfix"><a href="javascript:;" class="showdetail">Revised</a> | <a href="javascript:;" class="showdetail">Delete</a></ul>
			</div>
			<div class="list">
				<ul class="one"><img src="../img/markList_pic.png" width="76" height="76" /></ul>
				<ul class="two">
					<li class="tx1">Mac book </li>
					 <li class="tx2"><span class="ptt">Owner:</span>jason</li>
					 <li class="tx2 Mprice"><span class="ptt">Price:</span>$99</li>
				</ul>
				<ul class="bar clearfix"><a href="javascript:;" class="showdetail">Revised</a> | <a href="javascript:;" class="showdetail">Delete</a></ul>
			</div>
			<div class="list">
				<ul class="one"><img src="../img/markList_pic.png" width="76" height="76" /></ul>
				<ul class="two">
					<li class="tx1">Mac book </li>
					 <li class="tx2"><span class="ptt">Owner:</span>jason</li>
					 <li class="tx2 Mprice"><span class="ptt">Price:</span>$99</li>
				</ul>
				<ul class="bar clearfix"><a href="javascript:;" class="showdetail">Revised</a> | <a href="javascript:;" class="showdetail">Delete</a></ul>
			</div>
			<div class="list">
				<ul class="one"><img src="../img/markList_pic.png" width="76" height="76" /></ul>
				<ul class="two">
					<li class="tx1">Mac book </li>
					 <li class="tx2 "><span class="ptt">Owner:</span>jason</li>
					 <li class="tx2 Mprice"><span class="ptt">Price:</span>$99</li>
				</ul>
				<ul class="bar clearfix"><a href="javascpt:;" class="showdetail">Revised</a> | <a href="javascript:;" class="showdetail">Delete</a></ul>
			</div>
			-->
			<div class="clearfloat"></div>
			<div class="pagebar"><span class="current">1</span><a href="javascript:;">2</a><a href="javascript:;">3</a><span>....</span><a href="javascript:;">>Next</a></div>
		</div><!--list-->
				
				
			</div>
		
			<div class="clearfloat"></div>

	</div>



		<div id="footer">
			
		</div>
	</body>
</html>
